<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
    ================================================== -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />	
<meta name="author" content="">
<meta name="description" content="">
<meta name="theme-color" content="#00A86B">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="HTML5, Template, Design, agency, blog, business, clean, creative, marketing, modern, multipurpose, portfolio, seo, startup, studio, trending" />
<title>人民的好总理</title>

<!-- Google Web Fonts -->
<link href="static/css/a9ef8a4b26a24a499c9e7eedb0ec399d.css" rel="stylesheet">

<!-- Stylesheet  -->
<link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="static/css/all.min.css" />
<link rel="stylesheet" type="text/css" href="static/css/owl.carousel.min.css" />
<link rel="stylesheet" type="text/css" href="static/css/magnific-popup.min.css" />
<link rel="stylesheet" type="text/css" href="static/css/materialdesignicons.min.css" />
<link rel="stylesheet" type="text/css" href="static/css/stylesheet.css" />
<link id="color-switcher" type="text/css" rel="stylesheet" href="static/css/jade.css" />
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="70">

<!-- Animsition Preloader -->
<div class="animsition-preloader">
	<div><div class="utf-spinner-four"></div></div>
</div>
<!-- Animsition Preloader End --> 

<!-- Main Wrapper -->
<div id="main-wrapper"> 
  <!-- Header -->
  <header id="header" class="sticky-top-slide"> 
    <!-- Navbar -->
    <nav class="primary-menu navbar navbar-expand-lg navbar-text-light bg-transparent border-bottom-0">
      <div class="container-fluid position-relative">
        <div class="col-auto col-lg-3"> 
          <!-- Logo --> 
          <!-- <a class="logo" href="index.html" title="Logo Light"> <img src="static/picture/logo-light.png" alt="Logo Light"/> </a> -->
          <!-- Logo End --> 
        </div>
        <div class="col col-lg-9 navbar-accordion px-0">
          <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#header-nav"><span></span><span></span><span></span></button>
          <div id="header-nav" class="collapse navbar-collapse justify-content-center">
            <ul class="navbar-nav">
              <li class="nav-item"><a class="nav-link smooth-scroll active" href="#home">首页</a></li>
              <li class="nav-item"><a class="nav-link smooth-scroll" href="#about">人物生平</a></li>
              <li class="nav-item"><a class="nav-link smooth-scroll" href="#services">人物著作</a></li>
              <li class="nav-item"><a class="nav-link smooth-scroll" href="#resume">主要贡献</a></li>
              <li class="nav-item"><a class="nav-link smooth-scroll" href="#testimonial">社会评价</a></li>
              <!-- <li class="nav-item"><a class="nav-link smooth-scroll" href="#testimonial">人物纪念</a></li> -->
			  <li class="nav-item"><a class="nav-link smooth-scroll" href="#blog-post">人物印象</a></li>
              <li class="nav-item"><a class="nav-link smooth-scroll" href="#contact">留言板</a></li>
            </ul>
          </div>
        </div>
      </div>
    </nav>
    <!-- Navbar End --> 
  </header>
  <!-- Header End --> 
  
  <!-- Content -->
  <div id="content" role="main">     
    <!-- Intro -->
    <section id="home">
      <div class="utf-hero-wrap">
        <div class="utf-hero-mask opacity-8 bg-dark"></div>
        <div class="utf-hero-bg parallax" style="background-image:url('static/images/intro-bg-1.jpeg');"></div>
        <div class="utf-hero-content section d-flex fullscreen">
          <div class="container my-auto">
            <div class="row">
              <div class="col-12 text-center">
                <div class="typed-strings">
                  <p>只有忠实于事实，才能忠实于真理。</p>
				  <p>一帆风顺是不能磨练人的。</p>
                  <p>为中华之崛起而读书！</p>
				  <p>为中华腾飞而努力奋斗！</p>
                </div>
                <h2 class="text-16 font-weight-800 text-white mb-2 mb-md-3"><span class="typed"></span></h2>
                <!-- <a href="#" class="btn btn-primary rounded shadow-none smooth-scroll mt-2 mr-2">下载网页</a> -->
				<a href="#contact" class="btn btn-outline-primary rounded shadow-none smooth-scroll mt-2">留言板</a>				
			  </div>
            </div>
          </div>
          <a href="#about" class="scroll-down-arrow text-white smooth-scroll"><span class="animated"><i class="fa fa-angle-double-down"></i></span></a> 
		</div>
      </div>
	  <div class="light_svg">
		  <svg x="0px" y="0px" viewBox="0 186.5 1920 113.5">
			<polygon points="-30,300 355.167,210.5 1432.5,290 1920,198.5 1920,300"></polygon>
		  </svg>
	  </div>
    </section>
    <!-- Intro end --> 
    
    <!-- 生平 -->
    <section id="about" class="section">
      <div class="container"> 
        <!-- Heading -->
        <div class="position-relative d-flex text-center mb-5">
          <h2 class="text-24 text-light opacity-4 text-uppercase font-weight-800 w-100 mb-0">生平</h2>
          <p class="text-9 text-dark font-weight-600 position-absolute w-100 align-self-center line-height-4 mb-0">人物生平<span class="heading-separator-line border-bottom border-3 border-primary position-abolute d-block mx-auto"></span> </p>
        </div>
        <!-- Heading end-->
        
        <div class="row">
          <div class="col-lg-5 mt-lg-0">
            <div class="about-hero">
				<img src="static/picture/hero-img-1.png" class="img-fluid mx-auto d-block about-tween position-relative" alt="">
			</div>
          </div>
		  <div class="col-lg-7 text-lg-left">
            <h2 class="text-6 font-weight-600 mb-3">周恩来，<span class="text-primary">党的创建人之一和核心领导成员，</span> 字翔宇，曾用名飞飞、伍豪、少山、冠生等。</h2>
            <p>周恩来（1898～1976）伟大的无产阶级革命家、政治家、军事家和外交家，中国共产党和中华人民共和国主要领导人之一，中国人民解放军创建人之一。</p>
            <p>原藉浙江绍兴，1898年3月5日生于江苏淮安。1917年在天津南开学校毕业后赴日本求学，开始接触马克思主义，思想发生重要转折。1919年回国，9月入南开大学，在五四运动中成为天津学生界的领导人，并与运动中的其他活动分子共同组织进步团体觉悟社。1920年去欧洲勤工俭学。1921年加入中国共产党，坚定了共产主义的信仰。1922年和赵世炎等组织旅欧中国少年共产党（翌年改名为中国社会主义青年团旅欧支部）。任中国社会主义青年团旅欧支部书记，为中共旅欧支部领导人。1923年被国民党本部委任为国民党巴黎分部筹备员、国民党驻欧支部特派员和代理执行部长等职，主持国民党驻欧支部的工作。</p>
			<div class="about_short_contact_wrap">
				<ul class="list-style-light">
				   <li><span class="font-weight-500 mr-2">姓名：</span>周恩来</li>
				   <li><span class="font-weight-500 mr-2">别名：</span>伍豪</li>
				   <li><span class="font-weight-500 mr-2">国籍：</span>中国</li>
				   <li><span class="font-weight-500 mr-2">民族：</span>汉族</li>
				   <li><span class="font-weight-500 mr-2">籍贯：</span>浙江绍兴</li>
				   <li><span class="font-weight-500 mr-2">出生地：</span>江苏省淮安市</li>
				   <li><span class="font-weight-500 mr-2">出生日期：</span>1898年3月5日</li>
				   <li><span class="font-weight-500 mr-2">逝世日期:</span>1976年1月8日</li>
				   <li><span class="font-weight-500 mr-2">毕业院校：</span>天津南开学校大学部</li>
				   <li><span class="font-weight-500 mr-2">代表作品：</span>《周恩来选集》</li>
				</ul>
			</div>
			<div class="clearfix"></div>
			<div class="mt-2">
				<a href="https://baike.baidu.com/item/%E5%91%A8%E6%81%A9%E6%9D%A5/114814?fr=aladdin" target="_blank" class="btn btn-primary rounded shadow-none smooth-scroll">查看更多</a>
			</div>
          </div>
        </div>
        <div class="utf-separator-border-aera mt-5">
          <div class="row">
            <div class="col-6 col-md-3">
              <div class="utf-service-featured-box text-center">
				<i class="text-10 mb-3 fas fa-clock"></i>
                <h4 class="text-12 text-dark mb-0"><span class="counter" data-from="0" data-to="50">50</span>+</h4>
                <p class="mb-0">工作年限</p>
              </div>
            </div>
            <div class="col-6 col-md-3">
              <div class="utf-service-featured-box text-center">
				<i class="text-10 mb-3 fas fa-user"></i>
                <h4 class="text-12 text-dark mb-0"><span class="counter" data-from="0" data-to="14">14</span>亿+</h4>
                <p class="mb-0">服务人民</p>
              </div>
            </div>
            <div class="col-6 col-md-3">
              <div class="utf-service-featured-box text-center">	
				<i class="text-10 mb-3 fas fa-trophy"></i>
                <h4 class="text-12 text-dark mb-0"><span class="counter" data-from="0" data-to="200">200</span>+</h4>
                <p class="mb-0">卓著功勋</p>
              </div>
            </div>
            <div class="col-6 col-md-3">
              <div class="utf-service-featured-box text-center">
				<i class="text-10 mb-3 fas fa-folder"></i>
                <h4 class="text-12 text-dark mb-0"><span class="counter" data-from="0" data-to="2000">2000</span>+</h4>
                <p class="mb-0">处理项目</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 生平 end --> 
    
    <!-- 著作 -->
    <section id="services" class="section bg-light">
      <div class="container"> 
        <!-- Heading -->
        <div class="position-relative d-flex text-center mb-5">
          <h2 class="text-24 text-light opacity-4 text-uppercase font-weight-800 w-100 mb-0">著作</h2>
          <p class="text-9 text-dark font-weight-600 position-absolute w-100 align-self-center line-height-4 mb-0">人物著作<span class="heading-separator-line border-bottom border-3 border-primary position-abolute d-block mx-auto"></span> </p>
        </div>
        <!-- Heading end-->
        
        <div class="row">
          <div class="col-lg-12 mx-auto">
            <div class="row">
              <div class="col-md-4 col-sm-6 col-lg-6 col-xl-4">
                <div class="utf-service-featured-box border-footer style-3">
                  <div class="utf-service-featured-box-icon text-primary bg-white shadow-sm rounded-pill"> <i class="fas fa-atom"></i> </div>
                  <h3>现时政治斗争中之我们</h3>
                  <p class="text-dark mb-0">1926年12月11日</p>
                </div>
              </div>
              <div class="col-md-4 col-sm-6 col-lg-6 col-xl-4">
                <div class="utf-service-featured-box border-footer style-3">
                  <div class="utf-service-featured-box-icon text-primary bg-white shadow-sm rounded-pill"> <i class="fas fa-list-alt"></i></div>
                  <h3>中共中央为公布国共合作宣言</h3>
                  <p class="text-dark mb-0">1937年7月15日</p>
                </div>
              </div>
              <div class="col-md-4 col-sm-6 col-lg-6 col-xl-4">
                <div class="utf-service-featured-box border-footer style-3">
                  <div class="utf-service-featured-box-icon text-primary bg-white shadow-sm rounded-pill"> <i class="fas fa-expand-arrows-alt"></i> </div>
                  <h3>全国大反攻，打倒蒋介石</h3>
                  <p class="text-dark mb-0">1947年9月28日</p>
                </div>
              </div>
              <div class="col-md-4 col-sm-6 col-lg-6 col-xl-4">
                <div class="utf-service-featured-box border-footer style-3">
                  <div class="utf-service-featured-box-icon text-primary bg-white shadow-sm rounded-pill"> <i class="fas fa-paint-brush"></i> </div>
                  <h3>抗美援朝，保卫和平</h3>
                  <p class="text-dark mb-0">1950年10月24日</p>
                </div>
              </div>
              <div class="col-md-4 col-sm-6 col-lg-6 col-xl-4">
                <div class="utf-service-featured-box border-footer style-3">
                  <div class="utf-service-featured-box-icon text-primary bg-white shadow-sm rounded-pill"> <i class="fas fa-chart-area"></i> </div>
                  <h3>和平共处五项原则</h3>
                  <p class="text-dark mb-0">1953年12月31日</p>
                </div>
              </div>
              <div class="col-md-4 col-sm-6 col-lg-6 col-xl-4">
                <div class="utf-service-featured-box border-footer style-3">
                  <div class="utf-service-featured-box-icon text-primary bg-white shadow-sm rounded-pill"> <i class="fas fa-suitcase"></i> </div>
                  <h3>反对官僚主义</h3>
                  <p class="text-dark mb-0">1963年5月29日</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 著作 end --> 
    
    <!-- 贡献 -->
    <section id="resume" class="section">
      <div class="container"> 
        <!-- Heading -->
        <div class="position-relative d-flex text-center mb-5">
          <h2 class="text-24 text-light opacity-4 text-uppercase font-weight-800 w-100 mb-0">贡献</h2>
          <p class="text-9 text-dark font-weight-600 position-absolute w-100 align-self-center line-height-4 mb-0">主要贡献<span class="heading-separator-line border-bottom border-3 border-primary position-abolute d-block mx-auto"></span> </p>
        </div>
        <!-- Heading end-->
        
        <div class="row"> 
          <!-- 新中国成立前 -->
          <div class="col-md-6">
            <h2 class="text-6 font-weight-600 mb-4">新中国成立前</h2>
            <div class="bg-white border rounded p-4 mb-4">
			  <div class="utf-education-box-icon-light text-primary rounded-pill"> <i class="fas fa-suitcase"></i></div>
              <h3 class="text-5">中国共产党创建人之一</h3>
              <p class="badge sub-item-text text-2 font-weight-400">法国巴黎 / 1921年</p>
              <p class="mb-0">加入中国共产党八个发起组之一的巴黎共产主义小组，确立了共产主义的信仰，成为中国共产党创建人之一。</p>
            </div>
            <div class="bg-white border rounded p-4 mb-4">
			  <div class="utf-education-box-icon-light text-primary rounded-pill"> <i class="fas fa-suitcase"></i></div>
              <h3 class="text-5">中央政治局常务委员</h3>
              <p class="badge sub-item-text text-2 font-weight-400">中国上海 / 1928年</p>
              <p class="mb-0">为保证中共中央在上海秘密工作的安全，为联系和指导各地区共产党领导的武装斗争，为发展在国民党统治区的秘密工作，起到了重要作用。</p>
            </div>
            <div class="bg-white border rounded p-4 mb-4">
			  <div class="utf-education-box-icon-light text-primary rounded-pill"> <i class="fas fa-suitcase"></i></div>
              <h3 class="text-5">中央主要军事领导人之一</h3>
              <p class="badge sub-item-text text-2 font-weight-400">贵州遵义 / 1935年1月</p>
              <p class="mb-0">支持毛泽东的正确主张，对实际确立以毛泽东为代表的新的中央的正确领导，起了关键性的作用。</p>
            </div>
          </div>
          
          <!-- 新中国成立后 -->
          <div class="col-md-6">
            <h2 class="text-6 font-weight-600 mb-4">新中国成立后</h2>
            <div class="bg-white border rounded p-4 mb-4">
			  <div class="utf-education-box-icon-light text-primary rounded-pill"> <i class="fas fa-id-card"></i></div>
              <h3 class="text-5">政府总理</h3>
              <p class="badge sub-item-text text-2 font-weight-400">中国北京 / 1949年</p>
              <p class="mb-0">当选为中共第八、九、十届中央政治局常委，第八、十届中央副主席，中央军委副主席，担负着处理党和国家日常工作的繁重任务。</p>
            </div>
            <div class="bg-white border rounded p-4 mb-4">
			  <div class="utf-education-box-icon-light text-primary rounded-pill"> <i class="fas fa-id-card"></i></div>
              <h3 class="text-5">奠定中国工业化的初步基础</h3>
              <p class="badge sub-item-text text-2 font-weight-400">中国北京 / 1949年 - 1952年</p>
              <p class="mb-0">“一五”计划期间，他领导了以156个建设项目为中心的工业建设，为中国工业化奠定了初步基础。</p>
            </div>
            <div class="bg-white border rounded p-4 mb-4">
			  <div class="utf-education-box-icon-light text-primary rounded-pill"> <i class="fas fa-id-card"></i></div>
              <h3 class="text-5">中国特色外交的奠基人</h3>
              <p class="badge sub-item-text text-2 font-weight-400">印度尼西亚万隆 / 1955年</p>
              <p class="mb-0">在万隆会议上主张和平共处，反对殖民主义，提倡求同存异、协商一致，使中国独立自主的和平外交政策得到积极贯彻。</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 贡献 end --> 
    <!-- 评价 -->
    <section id="testimonial" class="section">
      <div class="container"> 
        <!-- Heading -->
        <div class="position-relative d-flex text-center mb-5">
          <h2 class="text-24 text-light opacity-4 text-uppercase font-weight-800 w-100 mb-0">评价</h2>
          <p class="text-9 text-dark font-weight-600 position-absolute w-100 align-self-center line-height-4 mb-0">社会评价<span class="heading-separator-line border-bottom border-3 border-primary position-abolute d-block mx-auto"></span> </p>
        </div>
        <!-- Heading end-->
        
        <div class="owl-carousel owl-theme" data-loop="true" data-nav="false" data-autoplay="false" data-margin="20" data-stagepadding="0" data-slideby="1" data-items-xs="1" data-items-sm="1" data-items-md="1" data-items-lg="2">
          <div class="item">
            <div class="bg-light text-lg-center rounded-lg p-5">
              <div class="align-items-center mt-auto mb-4"> <img class="img-fluid rounded-circle border d-inline-block w-auto mb-2" src="static/picture/client-sm-1.png" alt="">
                <p class="mb-0"><strong class="text-4 d-block text-dark font-weight-500">人物1</strong> <span class="text-muted font-weight-500">工人</span></p>
				<span class="text-2"> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> </span> 
              </div>
              <p class="text-dark font-weight-400 mb-0">“周恩来同志50多年的革命生涯，同中国共产党的建立、发展、壮大，同我国新民主主义革命的胜利，同我国社会主义革命和建设的历史进程紧密联系在一起。他毫无保留地把全部精力奉献给了党和人民，直到生命的最后一息。他身上集中体现了中国共产党人的高风亮节，在中国人民心中矗立起一座不朽的丰碑。我们缅怀周恩来同志，就是要永远铭记和认真学习周恩来同志的精神，使之不断发扬光大。”</p>              
			</div>
          </div>
          <div class="item">
            <div class="bg-light text-lg-center rounded-lg p-5">
              <div class="align-items-center mt-auto mb-4"> <img class="img-fluid rounded-circle border d-inline-block w-auto mb-2" src="static/picture/client-sm-2.png" alt="">
                <p class="mb-0"><strong class="text-4 d-block text-dark font-weight-500">人物2</strong> <span class="text-muted font-weight-500">农民</span></p>
				<span class="text-2"> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> </span> 
              </div>
              <p class="text-dark font-weight-400 mb-0">“周恩来同志始终信仰坚定、理想崇高，集中表现为他对党和人民无限忠诚的精神。这是他毕生奋斗的力量源泉。周恩来同志说：“人是应该有理想的，没有理想的生活会变成盲目。”他在确立共产主义信仰之时就说过：“我认的主义一定是不变了，并且很坚决地要为他宣传奔走”。他对党的事业、对社会主义中国的光明前途、对振兴中华民族的伟大事业，始终充满必胜的信心，无论遇到什么样的艰难困苦，从不动摇。”</p>              
			</div>
          </div>
          <div class="item">
            <div class="bg-light text-lg-center rounded-lg p-5">
              <div class="align-items-center mt-auto mb-4"> <img class="img-fluid rounded-circle border d-inline-block w-auto mb-2" src="static/picture/client-sm-3.png" alt="">
                <p class="mb-0"><strong class="text-4 d-block text-dark font-weight-500">人物3</strong> <span class="text-muted font-weight-500">个体商人</span></p>
				<span class="text-2"> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> </span> 
              </div>
              <p class="text-dark font-weight-400 mb-0">“周恩来同志始终热爱人民、勤政为民，集中表现为他甘当人民公仆的精神。周恩来同志始终坚持人民利益高于一切，把自己看成人民的“总服务员”，反复强调“我们的一切工作都是为了人民的”，“我们国家的干部是人民的公仆，应该和群众同甘苦，共命运”，要“永远做人民忠实的勤务员”。他心系人民，急群众之所急，忧群众之所忧。只要是关系群众安危冷暖之事，他总是关怀备至、体贴入微。”</p>              
			</div>
          </div>
          <div class="item">
            <div class="bg-light text-lg-center rounded-lg p-5">
              <div class="align-items-center mt-auto mb-4"> <img class="img-fluid rounded-circle border d-inline-block w-auto mb-2" src="static/picture/client-sm-4.png" alt="">
                <p class="mb-0"><strong class="text-4 d-block text-dark font-weight-500">人物4</strong> <span class="text-muted font-weight-500">公共服务</span></p>
				<span class="text-2"> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> </span> 
              </div>
              <p class="text-dark font-weight-400 mb-0">“周恩来同志半个多世纪奋斗的人生历程是中国共产党不忘初心、牢记使命历史的一个生动缩影，是新中国孕育、诞生、成长和取得崇高国际威望历史的一个生动缩影，是中国人民在自己选择的革命和建设道路上艰辛探索、不断开拓、凯歌行进历史的一个生动缩影。周恩来同志是近代以来中华民族的一颗璀璨巨星，是中国共产党人的一面不朽旗帜。周恩来同志的崇高精神、伟大风范，感召和哺育着一代又一代中国共产党人。”</p>              
			</div>
          </div>
		  <div class="item">
            <div class="bg-light text-lg-center rounded-lg p-5">
              <div class="align-items-center mt-auto mb-4"> <img class="img-fluid rounded-circle border d-inline-block w-auto mb-2" src="static/picture/client-sm-2.png" alt="">
                <p class="mb-0"><strong class="text-4 d-block text-dark font-weight-500">人物5</strong> <span class="text-muted font-weight-500">知识分子</span></p>
				<span class="text-2"> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> <i class="fas fa-star text-warning"></i> </span> 
              </div>
              <p class="text-dark font-weight-400 mb-0">“周恩来同志是热爱人民、勤政为民的杰出楷模。周恩来同志说过一句很形象的话：“下山不忘山，进城不忘乡”，“如果忘了，就是忘本。”周恩来同志说的这个本就是人民群众。他说：“我们是从人民中来的，我们过去的胜利都是在人民的支援下取得的，不能忘本。”“脱离我们的基本阶级群众，就会丧失党的基础。”周恩来同志把自己看成是人民的“总服务员”，坚持人民利益高于一切，心系人民，急群众之所急，忧群众之所忧。”</p>              
			</div>
          </div>
        </div>
      </div>
    </section>
    <!-- 评价 end --> 
    
	
	
	<!-- 印象 -->
    <section id="blog-post" class="section">
      <div class="container"> 
        <!-- Heading -->
        <div class="position-relative d-flex text-center mb-5">
          <h2 class="text-24 text-light opacity-4 text-uppercase font-weight-800 w-100 mb-0">印象</h2>
          <p class="text-9 text-dark font-weight-600 position-absolute w-100 align-self-center line-height-4 mb-0">人物印象<span class="heading-separator-line border-bottom border-3 border-primary position-abolute d-block mx-auto"></span> </p>
        </div>
        <!-- Heading end-->
        <!-- <iframe src="//player.bilibili.com/player.html?aid=970182923&bvid=BV1dp4y1k7pn&cid=253354763&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> -->
        <div class="row">
			<!-- <iframe  src="//player.bilibili.com/player.html?aid=970182923&bvid=BV1dp4y1k7pn&cid=253354763&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> -->
			<iframe width="100%" height="500px" src="//player.bilibili.com/player.html?aid=970182923&bvid=BV1dp4y1k7pn&cid=253354763&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
		</div> 
      </div>
    </section>
    <!-- 印象 end -->
	
	
	
    <!-- 留言 -->
    <section id="contact" class="section bg-light">
      <div class="container"> 
        <!-- Heading -->
        <div class="position-relative d-flex text-center mb-5">
          <h2 class="text-24 text-light opacity-4 text-uppercase font-weight-800 w-100 mb-0">留言</h2>
          <p class="text-9 text-dark font-weight-600 position-absolute w-100 align-self-center line-height-4 mb-0">留言板<span class="heading-separator-line border-bottom border-3 border-primary position-abolute d-block mx-auto"></span> </p>
        </div>
        <!-- Heading end-->
        <div class="row">
         
          <div class="col-md-7 col-xl-8 order-0 order-md-1" style="margin: 0 auto;">
            <h3 class="mb-5 text-5 text-md-left">请留言</h3>
            <form id="contact-form" method="post">
              <div class="row">
                <div class="col-xl-6">
                  <div class="form-group">
                    <input name="name" type="text" class="form-control" required placeholder="姓名">
                  </div>
                </div>
                <div class="col-xl-6">
                  <div class="form-group">
                    <input name="email" type="email" class="form-control" required placeholder="邮箱">
                  </div>
                </div>
              </div>
			  <div class="row">
                <div class="col-xl-6">
                  <div class="form-group">
                    <input name="number" type="number" class="form-control" required placeholder="电话">
                  </div>
                </div>
                <div class="col-xl-6">
                  <div class="form-group">
                    <input name="subject" type="text" class="form-control" required placeholder="标题">
                  </div>
                </div>
              </div>
              <div class="form-group">
                <textarea name="form-message" class="form-control" rows="5" required placeholder="这里写下你的留言"></textarea>
              </div>
              <p class="text-left mt-4 mb-0">
                <button id="submit-btn" class="btn btn-primary rounded d-inline-flex" type="submit">留言</button>
              </p>
            </form>
          </div>
        </div>
      </div>
    </section>
    <!-- 留言 end -->     
  </div>
  <!-- Content end --> 
  
  <!-- Start Google Maps -->
  <div class="google-map-aera bg-light">
	 <div class="container mb-0">
		<div class="row">	
			<div class="col-md-12">
				<div class="map-area">
					<div class="map-contact">
						<div id="map"></div>
					</div>
			    </div>
			</div>	
		</div>
     </div>
  </div>
  <!-- End Google Maps -->
  
  <!-- Footer -->
  <footer id="footer" class="section">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center text-lg-center">
          <p class="mb-0 mb-lg-0">Copyright &copy; 2021.Song All rights reserved.<a target="_blank" href="#"></a></p>
        </div>        
      </div>
    </div>
  </footer>
  <!-- Footer end -->   
</div>
<!-- Main Wrapper End --> 

<!-- Back to Top --> 
<a id="back-to-top" class="rounded" href="javascript:void(0)"><i class="fa fa-chevron-up"></i></a>  

<!-- JavaScript --> 
<script src="static/js/jquery.min.js"></script> 
<script src="static/js/bootstrap.bundle.min.js"></script> 
<script src="static/js/jquery.easing.min.js"></script> 
<script src="static/js/jquery.appear.min.js"></script> 
<script src="static/js/jquery.countto.min.js"></script> 
<script src="static/js/parallaxie.min.js"></script> 
<script src="static/js/typed.min.js"></script> 
<script src="static/js/owl.carousel.min.js"></script> 
<script src="static/js/isotope.pkgd.min.js"></script> 
<script src="static/js/jquery.magnific-popup.min.js"></script> 
<script src="static/js/jquery-twennmax.js"></script>
<script src="static/js/tweenmax.min.js"></script>
<script src="static/js/jquery-twennmax.init.js"></script>
<script src="static/js/switcher.min.js"></script> 
<script src="static/js/custom-jquery.js"></script>
<!--Map Js-->
<script src="static/js/map.js"></script>
</body>
</html>